<!-- 虚位以待页面右上角 -->
<template>
	<div class="self_ifo">
		<el-avatar> user </el-avatar>
		<span calss="user_name">user_name</span>
		<div class="qiuzhixin_wodejianli">
			<div style="display: flex;flex-direction: column;align-items: center;">
				<el-image :src="wodejianli" />
				<span>我的简历</span>
			</div>
			<div style="display: flex;flex-direction: column;align-items: center;">
				<el-image :src="qiuzhixing" />
				<span>求职信</span>
				<div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import {
		UserFilled
	} from '@element-plus/icons-vue'
	export default {
		name:'PersionInfo',
		setup() {
			const qiuzhixing =
				'../assets/求职信.png'
			const wodejianli =
				'../assets/我的简历.png'
			return {
				wodejianli,
				qiuzhixing
			}
		}
	}
</script>
<style>
	.self_ifo {
		background-color: rgb(215, 251, 232);
		box-shadow: 0px 1px 2px 5px rgb(31, 171, 137);
		width: 251px;
		height: 275px;
		z-index: 66;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.use_name {
		margin: 10px;
		font-size: 16px;
		font-family: "Microsoft YaHei";
		color: rgb(98, 210, 162);
		line-height: 1.438;
		-moz-transform: matrix(1, 0, 0, 0.99681436420408, 0, 0);
		-webkit-transform: matrix(1, 0, 0, 0.99681436420408, 0, 0);
		-ms-transform: matrix(1, 0, 0, 0.99681436420408, 0, 0);
		z-index: 71;
	}

	.qiuzhixin_wodejianli {
		margin: 20px;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.el-image {
		margin: 20px;
		width: 36px;
		height: 36px;
		z-index: 68;
	}
	span {
	  font-size: 16px;
	  font-family: "SimSun";
	  color: rgb( 31, 171, 137 );
	  line-height: 1.438;
	  z-index: 183;
	}

</style>
